<template>
  <div id="Assets">
    <div class="homeTitle">持有资产登记簿</div>
    <div class="tag">
      <router-link tag="span" :to="{name: 'bond'}">债券</router-link>
      <router-link tag="span" :to="{name: 'buyBack'}">债券回购</router-link>
      <router-link tag="span" :to="{name: 'borrow'}">同业拆借</router-link>
      <router-link tag="span" :to="{name: 'cundan'}">同业存单</router-link>
      <router-link tag="span" :to="{name: 'Deposit'}">存放同业</router-link>
      <router-link tag="span" :to="{name: 'loan'}">债券借贷</router-link>
      <router-link tag="span" :to="{name: 'financial'}">理财产品</router-link>
    </div>
    <!-- ----------------------- -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Assets",
  data() {
    return {
      // 状态
      status: ''
    };
  },
  created() {
  },
};
</script>

<style lang="scss">
#Assets {
  .tag {
    > span {
      margin-top: 20px;
      display: inline-block;
      padding: 5px 16px;
      border: 1px solid black;
      color: white;
      margin-right: 20px;
      cursor: pointer;
      &.router-link-exact-active {
        background: #f9afa6;
        color: black;
      }
    }
  }
}
</style>